<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>订单填写</title>
    <script src="js/commen.js"></script>
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/fill.css">
</head>

<body>
    <section id="fill">
        <!-- 顶部导航 -->
        <header class="top-nav">
            <a href="resource.html" class="top-nav1"><i></i></a>
            <p class="top-nav2">订单填写</p>
        </header>
        <!-- 详情 -->
        <section class="container">
            <div class="fill-details">
                <div class="fill-top">
                    <p>三亚5日4夜半日自助游套餐</p>
                    <p>出发日期：2017-9-10</p>
                    <p>出行人数：3成人<span>预定限制></span></p>
                </div>
                <div class="fill-select">
                    <ul>
                        <li>
                            <a href=""><i></i></a>
                        </li>
                        <li>
                            <p>去选择出行人</p>
                            <p>为了你顺利出行</p>
                            <p>请务必保证填写项与出游所持证件一致!</p>
                        </li>
                        <li>
                            <a href=""><i></i></a>
                        </li>
                    </ul>


                </div>
                <div class="fill-select2">
                    <ul>
                        <li><a href="">成</a></li>
                        <li>苏打苏塔</li>
                        <li>
                            <a href=""><i></i></a>
                        </li>
                    </ul>
                    <ul>
                        <li><a href="">童</a></li>
                        <li>苏大大</li>
                        <li>
                            <a href=""><i></i></a>
                        </li>
                    </ul>

                    <ul>
                        <li></li>
                        <li class="on">
                            <p>为了你顺利出行</p>
                            <p>请务必保证填写项与出游所持证件一致!</p>
                            <a href="">更换出行人员></a>
                        </li>
                        <li></li>
                    </ul>


                </div>
                <div class="fill-select3">
                    <ul>
                        <li>
                            <a href=""><i></i></a>
                        </li>
                        <li>
                            <p>联系人信息</p>
                            <form action="">
                                <input type="text" placeholder="请填写联系人姓名">
                                <input type="text" placeholder="请填写手机号码1352***3553">
                            </form>
                          
                        </li>
                        <li>
                            <a href=""><i></i></a>
                        </li>
                    </ul>


                </div>
                <div class="fill-select4">
                    <div>
                        <p>1张劵可用</p>
                        <a href=""></a>
                    </div>
                </div>
                <div class="fill-select5">
                    <ul>
                        <li><a href="#"><i></i></a></li>
                        <li>
                            <p>发票</p>
                            <p>不需要发票</p>
                        </li>
                        <li><a href="#"><i></i></a></li>
                    </ul>
                    <ul>
                        <li><a href="#"><i></i></a></li>
                        <li>
                            <p>特殊要求</p>
                            <p>无</p>
                        </li>
                        <li><a href="#"><i></i></a></li>
                    </ul>

                </div>
                <div class="fill-selected6">
                    <p><i></i>航班价格变动频繁,<br/>请在提交订单后25分钟内完成支付。</p>
                    <p><i></i>点击下一步表示已阅读并同意<a href="">预定须知和重要条款。</a></p>
                    <p><i></i>为支持绿色环保，默认电子合同，若需要签署纸质合同请致电客服。</p>


                </div>



            </div>

        </section>
        <!-- 底部 -->
        <footer class="fill-footer">
            <div class="tobal">
                <p><span>￥</span>6512<a href="">明细></a></p>
                
            </div>
            <div class="tobal2">
                <a href="">去支付</a>
            </div>


        </footer>

    </section>

</body>

</html>